<!DOCTYPE html>
<html>

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>{$site.name}</title>
        <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />
        <!-- Bootstrap Core CSS -->
        <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/assets/css/index.css" rel="stylesheet">

        <!-- Plugin CSS -->
        <link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="https://cdn.staticfile.org/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <style>
            .weui-btn_primary:not(.weui-btn_disabled):visited {
                color: #fff;
            }

            .weui-btn_primary {
                background-color: #07c160;
            }
            .weui-btn {
                border: none;
                position: relative;
                display: block;
                width: 184px;
                margin-left: auto;
                margin-right: auto;
                padding: 8px 24px;
                box-sizing: border-box;
                font-weight: 700;
                font-size: 17px;
                text-align: center;
                text-decoration: none;
                color: #fff;
                line-height: 1.41176471;
                border-radius: 4px;
                overflow: hidden;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
            }
        </style>
    </head>

    <body id="page-top">

        <header>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="header-content">
                            <div class="header-content-inner">
                                {if $model.status == 'idle'}
                                <form action="" method="post">
                                    <p>停车位：{$model.number}</p>
                                    <button class="weui-btn weui-btn_primary">停车</button>
                                </form>
                                {elseif $model.status == 'wait' /}
                                您已支付，请在5分钟内离开车位
                                {else /}
                                <form action="" method="post">
                                    <input type="hidden" name="type" value="pay" >
                                    <div>
                                        <p>停车费：￥{$fee.amount}元</p>
                                        <p>停车位：{$model.number}</p>
                                        <p>开始停车时间：{$order.starttime}</p>
                                        <p>开始停车时长：{$fee.mins}分钟</p>
                                    </div>
                                    <button class="weui-btn weui-btn_primary">支付</button>
                                </form>
                                {/if}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- jQuery -->
        <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>

</html>
